import axios from "axios";
import { ElMessage } from "element-plus";

// 封装获取 cookie 的方法
function getCookie() {
  if(document.cookie){
    return document.cookie.split('=')[1]
  }else {
    return null
  }
}
// 创建一个 axios 实例
const service = axios.create({
  baseURL: "/", // 所有的请求地址前缀部分
  timeout: 8000, // 请求超时时间毫秒
  withCredentials: true, // 异步请求携带cookie
  headers: {
    // 设置后端需要的传参类型
    "Content-Type": "application/json",
    token: sessionStorage.getItem("token") || "",
    "X-Requested-With": "XMLHttpRequest",
    "x-csrf-token":  getCookie(),
  },
});

// 添加请求拦截器
service.interceptors.request.use(
  function (config) {
    console.log(config,'configconfigconfig')
    config.headers['x-csrf-token'] = getCookie()
    // 在发送请求之前做些什么
    //验证是否post请求是否登录
    return config;
  },
  function (error) {
    // 对请求错误做些什么
    console.log(22231, error);
    ElMessage.error(JSON.stringify(error));
    return Promise.reject(error);
  }
);

// 添加响应拦截器
service.interceptors.response.use(
  function (response) {
    // 2xx 范围内的状态码都会触发该函数。
    // 对响应数据做点什么
    let dataAxios = {};
    if (response.status >= 200 && response.status < 300) {
      // dataAxios 是 axios 返回数据中的 data
      dataAxios = response.data;
    } else {
      if (response.status == 403) {
        ElMessage.error(response.data.message + "！刷新页面重试");
      } else {
        ElMessage.error(response.data.message);
      }
    }
    // 这个状态码是和后端约定的
    // const code = dataAxios.reset;
    return dataAxios;
  },
  function (error) {
    // 超出 2xx 范围的状态码都会触发该函数。
    // 对响应错误做点什么
    console.log(error);
    ElMessage.error(error.message);
    return Promise.reject(error);
  }
);
export default service;
